<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>属性选择器</title>
    <style>
        /*匹配包含name属性的所有指定的符合选择器规则的元素*/
        /*p[name]{*/
            /*color:red;*/
        /*}*/

        /*匹配name属性值为为p1的段落*/
        /*p[name='p1']{*/
            /*color:red;*/
        /*}*/

        /*匹配name属性值以p开头的所有段落*/
        /*p[name^='p']{*/
            /*color:red;*/
        /*}*/

        /*匹配name属性值以1结尾的所有段落*/
        /*p[name$='1']{*/
            /*color:red;*/
        /*}*/

        /*匹配name属性值包含p的所有段落*/
        p[name*='p']{
            color:red;
        }
    </style>
</head>
<body>
<p name="p1">第1个段落</p>
<p name="p2">第2个段落</p>
<p name="p3">第3个段落</p>
<p name="a1">第4个段落</p>
<p name="ap1">第5个段落</p>
</body>
</html>